
//$fd:方向 $ai:上下对齐方式 $jc:对齐方式 $fw:是否换行
$bs-cl:column;//竖向排列
$bs-r:row;//横向排列
$bs-sb:space-between;//横向排列stretch
@mixin my-flex ($fd:row,$ai:stretch,$jc: flex-start,$fw:wrap){
	display: flex;
	flex-direction: $fd;
	align-items: $ai;
	justify-content: $jc;
	flex-wrap: $fw;
}
//多行文字超出显示省略号
@mixin ellipsisMultiline($number: 1) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-line-clamp: $number;
}
//文字一行超出显示省略号
@mixin ellipsis () {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}